<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Editar Receta</title>
</h:head>
<body>
<p:panel header="Editar Receta">
<h:form>
<p:panelGrid columns="2" style="width:100%" columnClasses="logo,detail">

		<pm:field>
			<p:outputLabel for="nombre_receta" value="Nombre:" />
			<p:inputText id="nombre_receta" required="true"
				value="#{recetarioView.nombreReceta}" />
		</pm:field>

		<pm:field>
			<p:outputLabel for="descripcion" value="Descripción:" />
			<p:inputTextarea id="descripcion" required="true"
				value="#{recetarioView.descripcion}" />
		</pm:field>

		<pm:field>
			<p:selectOneMenu id="tipoReceta" required="true" label="Tipo:"
				value="#{recetarioView.tipoReceta}">
				<f:selectItems value="#{recetarioView.listaTipoRecetas}" var="tipo"
					itemLabel="#{tipo.nombreTipo}" itemValue="#{tipo.idTipo}" />
			</p:selectOneMenu>
		</pm:field>

		<pm:field>
			<p:selectOneMenu id="origen" required="true" label="Origen:"
				value="#{recetarioView.origen}">
				<f:selectItems value="#{recetarioView.listaOrigenes}" var="origen"
					itemLabel="#{origen.nombreOrigen}" itemValue="#{origen.idOrigen}" />
			</p:selectOneMenu>
		</pm:field>

		<pm:field>
			<p:outputLabel for="ingredientes" value="Ingredientes:" />
			<p:inputTextarea id="ingredientes" required="true"
				value="#{recetarioView.ingredientes}" />
		</pm:field>

		<pm:field>
			<p:outputLabel for="preparacion" value="Preparacion:" />
			<p:inputTextarea id="preparacion" required="true"
				value="#{recetarioView.preparacion}" />
		</pm:field>
		
	
	</p:panelGrid>
	<p:commandButton value="Editar receta" action="#{recetarioView.editarReceta}" />
	<p:commandButton title="Cerrar Sesion" value="Cerrar Sesión" action="#{recetarioView.cerrarSession}" ></p:commandButton>
	</h:form>
	
</p:panel>
</body>
</html>